<template>
  <div>
    <component :is="componentsMap[businessType]"></component>
  </div>
</template>

<script setup lang="ts">
const componentsMap = shallowRef<any>({
  1: defineAsyncComponent(() => import("./Production.vue")),
  2: defineAsyncComponent(() => import("./Service.vue")),
  3: defineAsyncComponent(() => import("./Financing.vue")),
  4: defineAsyncComponent(() => import("./Merges.vue")),
});

const businessType = ref(4);
</script>

<style lang="scss" scoped>
.step-page {
  :deep(.van-field__label) {
    font-size: 16px;
  }

  :deep(.van-field__body) {
    font-size: 16px;
  }

  :deep(.van-cell-group--inset) {
    margin: 0;
  }

  :deep(.van-cell) {
    padding: 16px;
  }
}
</style>

